<template>
</template>

<script>
	export default {
		data() {
			return {
				url: 'https://juejin.cn/post/6914862587863629831'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	page {
		margin: 0;
		padding: 0;
		min-height: 100vh;
		position: relative;
		background-color: rgb(118, 218, 255);
		overflow: hidden;
	}

	page::before,
	page::after {
		content: '';
		position: absolute;
		bottom: 15vh;
		min-width: 300vw;
		min-height: 300vw;
		background-color: #FFFFFF;
		animation: rote 10s linear infinite;
	}

	page::before {
		left: -95%;
		border-radius: 45%;
		opacity: .5;
	}

	page::after {
		left: -95%;
		border-radius: 46%;
	}

	@keyframes rote {
		from {
			transform: rotateZ(0);
		}

		to {
			transform: rotateZ(360deg);
		}
	}
</style>
